<template>
        <div>
            <div class="title">
                  <p><img src="https://s1.ax1x.com/2022/10/24/x2df3t.png" alt="" @click="resut"></p>
                    <h1>{{titles}}</h1>
                </div>
        </div>
</template>

<script>
export default {
    name:'heads',
    props:['title'],
    data() {
        return {
            titles:this.title
        }
    }, 
    methods:{
      resut(){
        this.$router.back();
      }
    }
}
</script>

<style lang="less" scoped>
.title {
  height: 4.375rem;
  background: #199ed8;
  display: flex;
  justify-content: center;
  h1 {
    background: #199ed8;
    color: #fff;
    padding-top: 1.5625rem;
    font-weight: 100;
    font-size: 1.0625rem;
  }
  p img{
    width: 30px;
    height: 30px;

    padding-top: 1.375rem;
    position: absolute;
    left: 1.25rem;
    font-weight: 100;
    font-size: 1.0625rem;
  }
}
</style>